<template>
  <svg
    t="1754475606793"
    class="icon"
    viewBox="0 0 1024 1024"
    version="1.1"
    xmlns="http://www.w3.org/2000/svg"
    p-id="1969"
    :width="size"
    :height="size"
  >
    <path
      d="M507.22116 348.010065c-103.498212 0-187.701986 83.758636-187.701986 186.706309 0 102.960976 84.203774 186.719612 187.701986 186.719612s187.701986-83.758636 187.701986-186.719612C694.923146 431.768701 610.719372 348.010065 507.22116 348.010065zM507.22116 658.32153c-68.579935 0-124.365472-55.4458-124.365472-123.605156 0-68.147076 55.786561-123.579573 124.365472-123.579573s124.365472 55.432497 124.365472 123.579573C631.586632 602.87573 575.800072 658.32153 507.22116 658.32153z"
      :fill="color"
      p-id="1970"
    ></path>
    <path
      d="M882.782721 598.682221l2.149966-0.157589c4.810562 12.570293 16.751522 21.234627 30.711466 21.234627 14.156418 0 26.26827-8.939603 30.921243-21.824051l2.346441 0L948.911838 294.727535c0-31.340799-25.625634-56.83545-57.122999-56.83545L730.550575 237.892085l-21.103644-41.932018c-2.450818-5.426593-24.76094-53.007261-56.271608-53.007261L366.81127 142.952806c-31.510668 0-53.819766 47.580668-56.087413 52.640917l-21.273513 42.298362L128.198777 237.892085c-31.485085 0-57.110719 25.494651-57.110719 56.83545l0 521.975189c0 31.354102 25.625634 56.861032 57.110719 56.861032L891.774513 873.563756c31.485085 0 57.110719-25.507954 57.110719-56.861032l0-66.443271c0-18.337647-14.916734-33.254382-33.254382-33.254382-18.35095 0-33.279964 14.916734-33.279964 33.254382l0 42.704614c0 7.904017-6.488785 14.33959-14.458293 14.33959L152.055115 807.303656c-7.969509 0-14.458293-6.435573-14.458293-14.33959L137.596821 314.454832c0-7.904017 6.488785-14.326287 14.458293-14.326287l167.057807 0 11.848862-0.747014-2.096754-8.362458 36.544311-56.822147c3.774977-6.475482 17.380856-24.957415 30.082132-24.957415l229.043556 0c12.701277 0 26.320459 18.481933 30.318516 25.337061l36.688597 57.031924 0.038886 7.222495 176.403662-0.61603c7.969509 0 14.458293 6.42227 14.458293 14.326287l0 276.021497L882.782721 598.682221z"
      :fill="color"
      p-id="1971"
    ></path>
    <path
      d="M743.356228 357.408109c0 25.481348 20.736277 46.217624 46.217624 46.217624 25.481348 0 46.204321-20.736277 46.204321-46.217624s-20.722974-46.204321-46.204321-46.204321C764.092505 311.203788 743.356228 331.926762 743.356228 357.408109z"
      :fill="color"
      p-id="1972"
    ></path>
  </svg>
</template>

<script>
  export default {
    name: "CameraIcon",
    props: {
      size: {
        type: [Number, String],
        default: 24,
      },
      color: {
        type: String,
        default: "#ffffff",
      },
    },
  };
</script>

<style scoped>
  .icon {
    display: inline-block;
    padding-top: 4px;
  }
</style>
